草庐IT

Bootstrap4 表单

全部标签

javascript - 没有JQUERY的使用AJAX发送表单数据的POST方法

我有一个js脚本,可以将表单数据从一个页面发送到服务器,它可以很好地与Jquery函数配合使用,但我希望能够在不使用Jquery的情况下完成它。当我尝试不使用jQuery时,表单已发送,但邮件是空的,没有发件人,没有主题,也没有消息。提前致谢。脚本连接jQuery(确定)$("#contact-form").on("submit",function(event){event.preventDefault();$.ajax({type:"POST",url:"php/email-sender.php",data:{name:$("#contact-form#name").val(),em

javascript - 使用本地存储在 bootstrap 4 中保持页面刷新的事件选项卡?

我试图在页面刷新时使选定的选项卡保持事件状态。但是当我无法在bootstrap4中找到选项卡的任何解决方案时。我尝试根据bootstrap3解决方案进行更改但没有任何效果。请帮助我。HTMLMENU1MENU2这是我正在使用的js,但它不起作用。JS$(document).ready(function(){$('a[data-toggle="tab"]').on('show.bs.tab',function(e){localStorage.setItem('activeTab',$(e.target).attr('href'));});varactiveTab=localStorage

php - 如何在 WooCommerce 评论表单上添加 "Review title"字段?

我想在WooCommerce上的评论表单中添加一个自定义字段,就像这张图片一样:然后如何像这样获取该标题的输出:我只知道如何通过添加以下代码在single-product-reviews.php文件上创建一个新字段:$comment_form['comment_field'].=''.esc_html__('Reviewtitle','woocommerce').' *';但是,我怎样才能把这个保存到数据库中,我怎样才能把这个标题输出到评论内容之上呢?编辑:我尝试了很多方法,直到通过在我的子主题的functions.php上编写这段代码来实现我想要的一些东西。1)在评论评论表

css - 按列对齐两个 Bootstrap 表?

我目前正在使用bootstrap和laravel表单控件来创建下面的这些表结构。我现在遇到的唯一问题是我无法弄清楚如何从两个单独的表中获取删除和编辑按钮来排列?附件是它现在的样子的照片以及显示表格的代码。@extends('layouts.app')@section('content')Dashboard@if(session('status')){{session('status')}}@endifCreateIncidentCreateServerYourIncidents@if($incidents)Title@foreach($incidentsas$incident){{$i

php - 使用 <input type = 'image' > 提交表单不再在 Chrome 中工作

图像按钮:在Chrome69.0.3497.100中,var_dump($_POST)看起来像这样:array(2){["dismiss_x"]=>string(1)"5"["dismiss_y"]=>string(1)"2"}在FF和Safari中,它看起来像这样(正确的名称和值):array(3){["dismiss_x"]=>string(1)"5"["dismiss_y"]=>string(1)"9"["inputname"]=>string(10)"inputvalue"}disChrome似乎只发送点击的坐标,而不是实际输入的名称或值。这上周在Chrome中运行良好。将输入

java - 如何在我的表单中插入时间的 PHP 代码?

我的毕业设计目前遇到了问题,其中一个预订表格没有时间输入,我该如何插入代码并将其与我的数据库集成?这是我的预订表格代码:FillInTheAppointmentFormFIRSTNAME:LASTNAME:EMAIL:DATE:APPOINTMENT:PremiumHealthcareWeightLossProgramWrinklesandFineLinesHairLossTreatmentMESSAGE: 最佳答案 Arrival:如果您只需要有关时间的信息而不用它做任何其他事情,请在您的数据库中将其设置为varchar,因为在那

VUE element-ui之el-form表单点击按钮自动增加表单(输入框),可新增删除

需求:点击按钮新增指定表单,可动态删除,新增上限为10条实现步骤:定义模板:.完整代码及样式divclass="customer-dialog">el-dialog:title="title":visible.sync="dialogVisible":before-close="cancel"width="52.5%":destroy-on-close="true":close-on-click-modal="false">el-formref="form"class="customer-form":model="form"label-width="97px":inline="true":ru

php - 提交后如何重置表单?

我有一个简单的表单,假设它需要一个电子邮件地址。提交表单后,消息堆栈会通知用户他们的地址已成功提交。问题是在提交地址后,带有电子邮件的表单字段仍然包含用户输入的电子邮件地址,我将如何重置此字段?我必须为此使用JavaScript吗?谢谢 最佳答案 window.onload=function(){for(varfindocument.getElementsByTagName("form"))f.reset();}假设您还没有设置另一个onload事件,这肯定会起作用。如果这样做,只需将内部位(第2行和第3行)添加到它。当然,这是标准

php - HTML 中的多行表单?

我正在尝试从用户那里获取一些输入并在php脚本中使用该输入。现在我有一个表单标签,据我所知,这不能有多行输入。解决方案似乎是TextArea,但我不确定如何从TextArea获取输入。这是我的代码形式:EnterCmd:textarea标签似乎没有与form标签相同的属性,所以我不确定应该如何更改我的代码。我还需要一个按钮供用户单击以将他的输入发送到php脚本。如何更改我的代码来执行此操作?谢谢。 最佳答案 您可以只将文本区域和提交按钮放在表单中: EnterCmd: 关于php-H

php - Bootstrap 中的 zendframework baseUrl 查看助手

我的网站使用了zend框架,运行在一个子文件夹中,例如:http://www.example.com/sub/folder.现在我想在我的css链接前添加/sub/folder/以使css加载到像http://www.example.com/sub/folder/product/abc这样的页面中,我以为我找到了一个View助手来执行此BaseUrl,但BaseUrl似乎只在实际View文件中工作,而不在Bootstrap类中工作。有谁知道这个的原因和一个异常(exception)的解决方法?这是我的boodstrap类(class)的片段。classBootstrapextendsZ